<template>
  <el-table :data="tableData" :style="{ width: '75%' }">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</template>

<script setup lang="ts">
import { MockGet, MockPost, TestApi } from '@/api/test';
import { useAppStore } from '@/store/modules/app';


const tableData: { date: string; name: string; address: string; }[] = [
  {
    date: "111",
    name: "11",
    address: "sadfa"
  }
];

(async () => {
  // 测试封装的 axios
  const res1 = await TestApi();
  console.log('TestApi:', res1);

  const res2 = await MockGet();
  console.log('MockGet:', res2);

  const res3 = await MockPost();
  console.log('MockPost:', res3);
})();

const appStore = useAppStore();
</script>

<!--
  <style lang="stylus" scoped>
    #title
      color: pink
  </style>
-->

<style lang="scss" scoped>
$color: red;

.count {
  color: $color;
}
</style>

<style lang="less" scoped>
@color: green;

.countPow2 {
  color: @color;
}
</style>
